/** @type {import('tailwindcss').Config} */
const defaultTheme = require('tailwindcss/defaultTheme')
export default {
  content: ["./src/**/*.{html,js,vue}"],
  theme: {
    extend: {
      screens:{
        'mobile':{'max':'767px'},
        'tablet':{'min':'768px','max':'1023px'},
        'pad':{'min':'768px','max':'1023px'},
        'laptop':{'min':'1024px','max':'1279px'},
        'desktop':{'min':'1280px'},
        'pc':{'min':'1024px'},
        'ilmobile':{'min':'768px'},
        ...defaultTheme.screens,
      },
      colors: {
        'dominant': '#2F3767',
        'underint': '#667180',
        'undercolor': '#E6EBF2',
        'undercolor2': '#C7CFD9',
        'gray3': '#363F4D',
        'undergray': '#F2F6FA',
        'gray2': '#9DA6B2',
        'tblack':'#1F2733',
        'hovercolor': '#334CCC'
      },
      backgroundImage: {
        'BV' : "url('/src/assets/BV.png')",
      }
    },
  },
  plugins: [],
}

